﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gift To You</title>
    <link rel="stylesheet" href="css/css.css" type="text/css" />
	<link rel="shortcut icon" type="image/ico" href="images/vineta-globo.png" />

	<!-- Google Analytics
	<script type="text/javascript">

	    var _gaq = _gaq || [];
	    _gaq.push(['_setAccount', 'UA-34095073-1']);
	    _gaq.push(['_trackPageview']);

	    (function () {
	        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	    })();

	</script>-->


    

	<!-- jQuery (required) -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!--<script type="text/javascript" >window.jQuery || document.write(<script src="js/jquery.min.js"><\/script>)</script>-->

	<!-- Syntax highlighting -->
	<script type="text/javascript" src="js/jquery.chili-2.2.js"></script>
	<script type="text/javascript" src="js/recipes.js"></script>

	<!-- Anything Slider optional plugins -->
	<script type="text/javascript" src="js/jquery.easing.1.2.js"></script>
	<!-- ttp://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js -->
	<script type="text/javascript" src="js/swfobject.js"></script>

	<!-- Demo stuff -->
	<link rel="stylesheet" href="css/page.css" media="screen" />
	<script type="text/javascript" src="js/jquery.jatt.min.js"></script>

	<!-- AnythingSlider -->
	<link rel="stylesheet" href="css/anythingslider.css"/>
	<script type="text/javascript" src="js/jquery.anythingslider.js"></script>

	<!-- AnythingSlider video extension; optional, but needed to control video pause/play -->
	<script type="text/javascript" src="js/jquery.anythingslider.video.js"></script>

	<!-- Ideally, add the stylesheet(s) you are going to use here,
	 otherwise they are loaded and appended to the <head> automatically and will over-ride the IE stylesheet below -->
	<link rel="stylesheet" href="css/theme-metallic.css" />
	<link rel="stylesheet" href="css/theme-minimalist-round.css" />
	<link rel="stylesheet" href="css/theme-minimalist-square.css" />
	<link rel="stylesheet" href="css/theme-construction.css" />
	<link rel="stylesheet" href="css/theme-cs-portfolio.css" />

    <!--************** SLIDER HEADER ************** -->
    <link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" async="" src="js/ga.js"></script>
    <!--<script type="text/javascript" src="js/jquery.js"></script>--> 
    <script language="JavaScript" type="text/javascript">
        $(document).ready(function () {

            var imgArr = new Array( // relative paths of images
					    'images/1-1.jpg',
					    'images/2-2.jpg',
                                            'images/3-3.jpg',
                                            'images/4-4.jpg',
                                            'images/5-5.jpg'
					    );

            var preloadArr = new Array();
            var i;

            /* preload images */
            for (i = 0; i < imgArr.length; i++) {
                preloadArr[i] = new Image();
                preloadArr[i].src = imgArr[i];
            }

            var currImg = 1;
            var intID = setInterval(changeImg, 6000);

            function changeImg() {
                $('#masthead').animate({ opacity: 0 }, 3000, function () {
                    $(this).css('background', 'url(' + preloadArr[currImg++ % preloadArr.length].src + ') top center no-repeat');
                }).animate({ opacity: 1 }, 3000);
            }

        });
	    </script>
 

</head>

<body>

    <script type="text/javascript">
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=398273583562664";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));
    </script>  
    <div id="div_main_content">
        <div id="div_content_top">
            
            <table  width="1050">
                <tr>
                    <td><img src="images/logo.png" /> </td>
                    <td align="right"> <img src="images/texto.png" /></td>
                </tr>
            </table>
            <!-- <div id="div_top_right"> -->
                
                <!--<fb:like href="http://www.facebook.com/myG2U" send="false" layout="button_count" width="150" show_faces="false"></fb:like>-->
                <!--<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.facebook.com/myG2U" data-text="Descubre una nueva forma de regalar" data-via="G2Upe" data-lang="es">Twittear</a>
                <script>
                    !function (d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
 ````                              if (!d.getElementById(id)) {
                            js = d.createElement(s);
                            js.id = id;
                            js.src = "//platform.twitter.com/widgets.js";
                            fjs.parentNode.insertBefore(js, fjs);
                        }
                    } (document, "script", "twitter-wjs");
                </script>  
				
				 <fb:like-box href="http://www.facebook.com/myG2U" width="292" show_faces="true" stream="false" header="true"></fb:like-box>
		-->		<!--<fb:facepile href="htp://www.facebook.com/myG2U" action="og_recipebox:planning_to_make" width="300" max_rows="4"></fb:facepile>-->
                <!--<div class="fb-facepile" data-href="ttp://g2u.pe/weblanding/" data-max-rows="4" data-width="300"></div-->
				
            <!-- </div>  -->
            <div id="div_top_left">
                <div id="wrapper" class="pg-home">
                    <div id="content">
        	            <div id="mast-head-main">
            	            <div id="mast-head-blurb"><!-- InstanceBeginEditable name="mast-head-blurb" -->
				            
                                <div id="masthead" style="opacity: 1; background-image: url(images/1-1.jpg); background-position: 50% 0%; background-repeat: no-repeat no-repeat;"></div>
                            <div id="masthead-inner-wrapper">
                                
                            </div>
                                
                                <table  width="1050"  border="0">
                                    <tr>
                                        <td align="center"> 
                                        
                                            <fb:like-box href="http://www.facebook.com/myG2U" width="200" show_faces="true" stream="false" header="true"></fb:like-box>
                                            
                                        </td>
                                        <td align="center">
                                            
                                            <form action="registrado.php" method="post" id="registrar" name="registrar" >
                                                <div id="form-boton">
                                                    <input type="text" id="txt-email" name="txt-email" class="css-input" />
                                                    <br />
                                                            <a style="text-decoration:none;" href="javascript:enviarForm();"><img src="images/Enviar.png" alt="Suscribirse" /></a>
                                                </div> 
                                            </form>
                                            
                                        </td>
                                    </tr>
                                </table>
                                
				            </div>
                      </div>
                    </div><!-- END content -->
                </div><!-- END wrapper -->
            </div>
        </div>
        <div class="div_clear"></div>
        <div id="div_content_bottom">
                 
            
        </div>
        <div id="div_footer">
            
        </div>
    </div>
	
    <script type="text/javascript">
        function enviarForm() {
		    var email = document.getElementById('txt-email').value;
		    //alert(email);
		    if(email==""){
			    alert("Email vacio");	
		    }else{
			    if(validarEmail(email)){
				    //alert("Registrado Correctamente!.");	
				    document.forms["registrar"].submit();	
			    }else{
				    alert("Email incorrecto");	
			    }	
		    }
        
        }
	
    function validarEmail(valor){
        re=/^[_a-z0-9-]+(.[_a-z0-9-]+)*@[a-z0-9-]+(.[a-z0-9-]+)*(.[a-z]{2,3})$/
        if(!re.exec(valor))    {
            return false;
        }else{
            return true;
        }
    }
	
    </script>


</body>
</html>
